<template>
	<view>
		<!-- #ifdef H5 -->
		<uni-nav-bar left-icon="back" @clickLeft="back" :border="false" title="合伙人"></uni-nav-bar>
		<!-- #endif -->
		<view class="box">
			<view class="box_fuli" @click="goToCDK"></view>
			<image class="box_explain" src="https://god-mini.oss-cn-beijing.aliyuncs.com/static/copartner/copartner.png"></image>
		</view>
		<view class="list">
			<view class="list_title">升级标准</view>
			<view class="list_item">
				<!-- #ifdef MP-WEIXIN -->
				<button class="list_item_btn_btn" open-type="share">立即邀请</button>
				<!-- #endif -->
				<image class="list_item_img" src="/static/domain/1.png"></image>
				<view class="list_item_box">
					<view class="list_item_box_title">邀请一级成员100人</view>
					<MyProgress
						:nowD="0"
						:sumD="100"
						:content="'0'"
						:progressBckColor="'#EBEDF0'"
						:progressColor="'rgba(226,207,162,1)'"
						:contentColor="'#E2CFA2'"
						:contentBacColor="'#fff'"
						:time="888"
						:wid="100"
						:type="'linear'"
					></MyProgress>
				</view>
				<view class="list_item_btn">立即邀请</view>
			</view>
			<view class="list_item">
				<!-- #ifdef MP-WEIXIN -->
				<button class="list_item_btn_btn" open-type="share">立即邀请</button>
				<!-- #endif -->
				<image class="list_item_img" src="/static/domain/2.png"></image>
				<view class="list_item_box">
					<view class="list_item_box_title">一级成员出单数50</view>
					<MyProgress
						:nowD="0"
						:sumD="50"
						:content="'0'"
						:progressBckColor="'#EBEDF0'"
						:progressColor="'rgba(226,207,162,1)'"
						:contentColor="'#E2CFA2'"
						:contentBacColor="'#fff'"
						:time="888"
						:wid="100"
						:type="'linear'"
					></MyProgress>
				</view>
				<view class="list_item_btn">立即邀请</view>
			</view>
		</view>
	</view>
</template>

<script>
import MyProgress from '@/components/my-progress/my-progress.vue';
export default {
	components: {
		MyProgress
	},
	data() {
		return {};
	},
	onShareAppMessage(res) {
		return {
			title: '自己人内部福利!',
			path: '/pages/cdk/cdk?uid='+uni.getStorageSync('userInfo').uid,
			imageUrl: 'https://movie666.oss-cn-beijing.aliyuncs.com/share/3.png',
			success(res) {
				uni.showToast({
					title: '分享成功'
				});
			},
			fail(res) {
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				});
			}
		};
	},
	methods: {
		// 跳转福利
		goToCDK(){
			uni.navigateTo({
				url:'../cdk/cdk'
			})
		},
		// 返回
		back() {
			uni.navigateBack();
		}
	}
};
</script>

<style lang="scss">
page {
	background: #111;
}
.box{
	position: relative;
	&_explain {
		width: 750rpx;
		height: 490rpx;
	}
	&_fuli{
		position: absolute;
		width: 100rpx;
		height: 100rpx;
		bottom: 66rpx;
		left: 122rpx;
	}
}


.list {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 33rpx 0;
	&_title {
		font-size: 32rpx;
		font-weight: 900;
		margin-left: 33rpx;
		margin-bottom: 33rpx;
	}
	&_item {
		display: flex;
		align-items: center;
		border-bottom: 2rpx solid rgba(200, 200, 200, 0.2);
		width: 690rpx;
		margin: auto;
		padding-bottom: 33rpx;
		position: relative;
		&_btn_btn {
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 9;
			opacity: 0;
		}
		&_img {
			width: 81rpx;
			height: 81rpx;
			margin-left: 33rpx;
		}

		&_box {
			display: flex;
			flex-direction: column;
			align-items: center;
			&_title {
				font-size: 26rpx;
				margin-bottom: 20rpx;
			}
		}
		&_btn {
			position: absolute;
			right: 30rpx;
			font-size: 26rpx;
			color: #a88b42;
			border: 2rpx solid #a88b42;
			border-radius: 33rpx;
			width: 150rpx;
			height: 50rpx;
			text-align: center;
			line-height: 50rpx;
		}
	}
	&_item:nth-child(n + 1) {
		margin-top: 33rpx;
	}
}
</style>
